/**
 * 联系人导出js
 * Created by mhy on 2017/1/9.
 */
$(document).ready(function() {
    // 显示联系人列表
    $.ajax({
        type:'GET',//请求类型
        url:'../message/contacts/all',//请求地址
        contentType: 'application/json;',//发送信息至服务器时内容编码类型
        dataType:'JSON',/*预期服务器返回的数据类型*/
        success:function (json) {//成功获取到后台返回的值后，对后台返回的值做相应的一系列操作
            var contacts = json.data.contacts;
            var table = $("#contacts_table");
            var arr = new Array();
            var tbody = table.children("tbody");
            var $tr;
            var $td;

            for(var i = 0; i < contacts.length; i++){
                $tr = $("<tr></tr>");

                $td = $("<td></td>");
                $td.append(contacts[i].id);
                $tr.append($td);

                $td = $("<td></td>");
                $td.append(contacts[i].name);
                $tr.append($td);

                $td = $("<td></td>");
                $td.append(contacts[i].phone_number);
                $tr.append($td);

                tbody.append($tr);

            }   //end for
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
        },
        fail:function () { //如果在传输过程失败了：调用fail中对应的匿名函数(可选)
        },
        cache:true,
    });

    //点击下载通讯录
    $("#download").click(function () {
        // 使用outerHTML属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码
        var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementsByTagName("table")[0].outerHTML + "</body></html>";
        // 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象
        var blob = new Blob([html], { type: "application/vnd.ms-excel" });
        var a = document.getElementById("download");

        // 利用URL.createObjectURL()方法为a元素生成blob URL
        a.href = URL.createObjectURL(blob);
        // 设置文件名，目前只有Chrome和FireFox支持此属性
        a.download = "联系人通讯录.xls";
    });


});

